<!DOCTYPE html>
<!--[if IE]>
<![endif]-->
<!--[if IE 8 ]>
<html dir="ltr" lang="zh-CN" class="ie8">
  <![endif]-->
  <!--[if IE 9 ]>
  <html dir="ltr" lang="zh-CN" class="ie9">
    <![endif]-->
    <!--[if (gt IE 9)|!(IE)]>
    <!-->
    <html dir="ltr" lang="zh-CN">
      <!--<![endif]-->
<head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>BuyPlus(败家Shopping）</title>
      <meta name="description" content="BuyPlus(败家Shopping）" />
      <meta name="keywords" content= "BuyPlus(败家Shopping）" />
      <script src="__PUBLIC__/Home/javascript/jquery-1.11.3.min.js" type="text/javascript"></script>
      <link href="__PUBLIC__/Home/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
      <script src="__PUBLIC__/Home/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
      <link href="__PUBLIC__/Home/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
      <link href="__PUBLIC__/Home/stylesheet/stylesheet.css" rel="stylesheet">
      <link href="__PUBLIC__/Home/owl-carousel/owl.carousel.css" type="text/css" rel="stylesheet" media="screen" />
      <link href="__PUBLIC__/Home/owl-carousel/owl.transitions.css" type="text/css" rel="stylesheet" media="screen" />
      <script src="__PUBLIC__/Home/javascript/common.js" type="text/javascript"></script>
      <link href="__PUBLIC__/Home/image/cart.png" rel="icon" />
      <script src="__PUBLIC__/Home/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
</head>
      <nav id="top">
        <div class="container">
          <div id="top-links" class="nav pull-right">
            <ul class="list-inline">
              <li>
                <a href=""> <i class="fa fa-phone"></i>
                </a>
                <span class="hidden-xs hidden-sm hidden-md">123456789</span>
              </li>
              <li class="dropdown">
                <a href="" title="会员中心" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user"></i>
                  <span class="hidden-xs hidden-sm hidden-md">会员中心</span>
                  <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-right">
                  <li>
                    <a href="">会员注册</a>
                  </li>
                  <li>
                    <a href="">会员登录</a>
                  </li>
                </ul>
              </li>
              <li>
                <a href="" id="wishlist-total" title="收藏（0）">
                  <i class="fa fa-heart"></i>
                  <span class="hidden-xs hidden-sm hidden-md">收藏（0）</span>
                </a>
              </li>
              <li>
                <a href="" title="购物车">
                  <i class="fa fa-shopping-cart"></i>
                  <span class="hidden-xs hidden-sm hidden-md">购物车</span>
                </a>
              </li>
              <li>
                <a href="" title="结账">
                  <i class="fa fa-share"></i>
                  <span class="hidden-xs hidden-sm hidden-md">结账</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
      <header>
<body class="common-home">
        <div class="container">
          <div class="row">
            <div class="col-sm-4">
              <div id="logo">
                <a href="">
                  <img src="__PUBLIC__/Home/image/logo3.png" title="BuyPlus(败家Shopping）" alt="BuyPlus(败家Shopping）" class="img-responsive" />
                </a>
              </div>
            </div>
            <div class="col-sm-8 mini-cart">
              <div id="cart">
                <a href="" class="cart-info">
                  <span class="cart-icon">
                    <i class="fa fa-shopping-cart"></i>
                  </span>
                  <span id="cart-total">0 个商品 - ￥0.00</span>
                </a>
                <ul class="cart-content dropdown-menu hidden-sm hidden-xs">
                  <li>
                    <p class="text-center empty">您的购物车内没有商品！</p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </header>
      <div class="main-menu-wrapper">
        <div class="container">
          <div class="main-menu-mobile">
            菜单
            <span class="main-menu-toggle">
              <i class="fa fa-bars"></i>
            </span>
          </div>
          <div class="main-menu-container">
            <ul class="main-menu">
              <li class="parent">
                <a href="">首页</a>
              </li>
              <li class="parent with-sub-menu">
                <a href="">男士眼镜</a>
                <div class="open-sub-menu">+</div>
                <ul class="sub-menu">
                  <li>
                    <a href="">帕森</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="second-menu">
                      <li>
                        <a href="">shes茜子</a>
                      </li>
                      <li>
                        <a href="">帕森新</a>
                      </li>
                      <li>
                        <a href="">暴龙</a>
                      </li>
                      <li>
                        <a href="">艾唯莎</a>
                      </li>
                      <li>
                        <a href="">名匠</a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="">暴龙</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="second-menu">
                      <li>
                        <a href="">shes茜子</a>
                      </li>
                      <li>
                        <a href="">帕森新</a>
                      </li>
                      <li>
                        <a href="">暴龙</a>
                      </li>
                      <li>
                        <a href="">艾唯莎</a>
                      </li>
                      <li>
                        <a href="">名匠</a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="">派丽蒙</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="second-menu">
                      <li>
                        <a href="">shes茜子</a>
                      </li>
                      <li>
                        <a href="">帕森新</a>
                      </li>
                      <li>
                        <a href="">暴龙</a>
                      </li>
                      <li>
                        <a href="">艾唯莎</a>
                      </li>
                      <li>
                        <a href="">名匠</a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="">海伦凯勒</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="second-menu">
                      <li>
                        <a href="">shes茜子</a>
                      </li>
                      <li>
                        <a href="">帕森新</a>
                      </li>
                      <li>
                        <a href="">暴龙</a>
                      </li>
                      <li>
                        <a href="">艾唯莎</a>
                      </li>
                      <li>
                        <a href="">名匠</a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="">邦士度</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="second-menu">
                      <li>
                        <a href="">shes茜子</a>
                      </li>
                      <li>
                        <a href="">帕森新</a>
                      </li>
                      <li>
                        <a href="">暴龙</a>
                      </li>
                      <li>
                        <a href="">艾唯莎</a>
                      </li>
                      <li>
                        <a href="">名匠</a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li class="parent with-sub-menu">
                <a href="">女士眼镜</a>
                <div class="open-sub-menu">+</div>
                <ul class="sub-menu">
                  <li>
                    <a href="">shes茜子</a>
                  </li>
                  <li>
                    <a href="">帕森新</a>
                  </li>
                  <li>
                    <a href="">暴龙</a>
                  </li>
                  <li>
                    <a href="">艾唯莎</a>
                  </li>
                  <li>
                    <a href="">名匠</a>
                  </li>
                </ul>
              </li>
              <li class="parent with-sub-menu">
                <a href="">驾驶镜</a>
                <div class="open-sub-menu">+</div>
                <ul class="sub-menu">
                  <li>
                    <a href="">暴龙</a>
                  </li>
                  <li>
                    <a href="">AHT</a>
                  </li>
                  <li>
                    <a href="">pueerizi</a>
                  </li>
                  <li>
                    <a href="">暴龙</a>
                  </li>
                  <li>
                    <a href="">阿木</a>
                  </li>
                </ul>
              </li>
              <li class="parent ">
                <a href="">海外购</a>
              </li>
              <li class="parent ">
                <a href="">轻松购</a>
              </li>
              <li class="parent ">
                <a href="">专业版购买</a>
              </li>
            </ul>
          </div>
          <script>
          $('.sub-menu>li').mouseenter(function(e){
            $(this).parent().find('ul.second-menu').hide().eq($(this).index()).show();
          });
          </script>
          <div id="search" class="input-group">
            <input type="text" name="search" value="" placeholder="搜索" class="form-control" />
            <span class="input-group-btn">
              <button type="button" class="btn btn-primary">
                <i class="fa fa-search"></i>
              </button>
            </span>
          </div>
        </div>
      </div>

      <block name="container"></block>

      <footer>
        <div class="container">
          <div class="row">
            <div class="col-sm-2">
              <h5>信息咨询</h5>
              <ul class="list-unstyled">
                <li>
                  <a href="">关于我们</a>
                </li>
                <li>
                  <a href="">最新公告</a>
                </li>
                <li>
                  <a href="">隐私政策</a>
                </li>
                <li>
                  <a href="">条款及条件</a>
                </li>
              </ul>
            </div>
            <div class="col-sm-2">
              <h5>客户服务</h5>
              <ul class="list-unstyled">
                <li>
                  <a href="">联系我们</a>
                </li>
                <li>
                  <a href="">退换服务</a>
                </li>
                <li>
                  <a href="">网站地图</a>
                </li>
              </ul>
            </div>
            <div class="col-sm-2">
              <h5>其他</h5>
              <ul class="list-unstyled">
                <li>
                  <a href="">品牌专区</a>
                </li>
                <li>
                  <a href="">礼品券</a>
                </li>
                <li>
                  <a href="">加盟会员</a>
                </li>
                <li>
                  <a href="">特别优惠</a>
                </li>
              </ul>
            </div>
            <div class="col-sm-2">
              <h5>会员中心</h5>
              <ul class="list-unstyled">
                <li>
                  <a href="">会员中心</a>
                </li>
                <li>
                  <a href="">历史订单</a>
                </li>
                <li>
                  <a href="">收藏列表</a>
                </li>
                <li>
                  <a href="">订阅咨询</a>
                </li>
              </ul>
            </div>
            <div class="col-sm-4">
              <h5>联系我们</h5>
              <ul class="list-unstyled">
                <li>
                  <div class="icon">
                    <span class="fa fa-map-marker">&nbsp;</span>
                  </div>
                  <div class="text">科技有限公司</div>
                </li>
                <li>
                  <div class="icon">
                    <span class="fa fa-phone">&nbsp;</span>
                  </div>
                  <div class="text">123456789</div>
                </li>
                <li>
                  <div class="icon">
                    <span class="fa fa-envelope">&nbsp;</span>
                  </div>
                  <div class="text">kang@kang.com</div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="powered">
            BuyPlush(败家Shopping) &copy; 2016
            <a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备12345678号</a>
          </div>
        </div>
        <div class="go-top">
          <a href="#" class="scroll-top">
            <i class="fa fa-angle-up"></i>
            TOP
          </a>
        </div>
      </footer>
</body>
    </html>